﻿@using xConnected.Common.ExpertProfile
@using xConnected.Common.Project
@{
    ViewBag.Title = "AdvancedSearch";
}
<hr />
<div class="breadcrumb" style="margin-top: 20px">
    <div class="row-fluid">
        <button class="btn btn-info pull-right" data-bind="click: function(){ $root.project.resetAdvancedSearch() }">Reset search</button>
    </div>
</div>
<div data-bind="with: position">
    <div data-bind="with: positionAdvancedSearch">
        <hr/>
        <div class="row">
            <span class="span2"><strong>Search type</strong></span>
            <select class="span3" style="margin-left: 28px;width: 283px" data-bind="value: $root.searchTypePositions">
                <option value="all">Match all criteria</option>
                <option value="some">Match any criteria</option>
            </select>
        </div>
    </div>
</div>
<div class="row">
    <div  class="span2"><span><strong>@Resources.Keywords</strong></span></div>
    <div class="span3"><input type="text" class="span3" id="keywordsPositionsAutocomplete" style="width: 283px" data-bind="value: $root.position.keyword, valueUpdate: 'afterkeydown', executeOnEnter: $root.position.addKeywordTag"/></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.keywordTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeKeywordTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<hr/>
<div class="row"> 
    <div class="span2"><strong>Countries</strong></div>
    <div class="span3 input-append"><input class="span3" id="countriesPositionsAutocomplete" type="text"/><span class="add-on"><a href="#" data-bind="click: function(){ $root.position.showAllCountries(); }"><i class="icon-chevron-down"></i></a></span></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.countryTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeCountryTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<div data-bind="with: position">
    <div data-bind="with: positionAdvancedSearch">
        <div class="row">
            <span class="span2"><strong>@Resources.Location</strong></span>
            <input class="span3" type="text" data-bind="value: Location" style="margin-left: 28px;width: 283px"/>
        </div>
    </div>
</div>
<hr/>
<div class="row"> 
    <div class="span2"><strong>Industries</strong></div>
    <div class="span3 input-append"><input class="span3" id="industriesPositionsAutocomplete" type="text"/><span class="add-on"><a href="#" data-bind="click: function(){ $root.position.showAllIndustries(); }"><i class="icon-chevron-down"></i></a></span></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.industryTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeIndustryTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<div class="row"> 
    <div class="span2"><strong>Categories</strong></div>
    <div class="span3 input-append"><input class="span3" id="categoriesPositionsAutocomplete" type="text"/><span class="add-on"><a href="#" data-bind="click: function(){ $root.position.showAllCategories(); }"><i class="icon-chevron-down"></i></a></span></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.categoryTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeCategoryTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<div class="row"> 
    <div class="span2"><strong>Technologies</strong></div>
    <div class="span3 input-append"><input class="span3" id="technologiesPositionsAutocomplete" type="text"/><span class="add-on"><a href="#" data-bind="click: function(){ $root.position.showAllTechnologies(); }"><i class="icon-chevron-down"></i></a></span></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.technologyTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeTechnologyTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<hr/>
<div class="row"> 
    <div class="span2"><strong>Companies</strong></div>
    <div class="span3 input-append"><input class="span3" id="companiesPositionsAutocomplete" type="text"/><span class="add-on"><a href="#" data-bind="click: function(){ $root.position.showAllCompanies(); }"><i class="icon-chevron-down"></i></a></span></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.companyTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeCompanyTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<div data-bind="with: position">
    <div data-bind="with: positionAdvancedSearch">
        <div class="row">
            <span class="span2"><strong>@ProjectRes.Title</strong></span>
            <input class="span3" type="text" data-bind="value: Title" style="margin-left: 28px;width: 283px"/>
        </div>
        <div class="row">
            <span class="span2"><strong>@ProjectRes.StartDate</strong></span>
            <input class="span3" type="text" data-bind="value: StartDate" style="margin-left: 28px;width: 283px"/>
        </div>
        <div class="row">
            <span class="span2"><strong>@ProjectRes.Duration</strong></span>
            <input class="span3" type="text" data-bind="value: Duration" style="margin-left: 28px;width: 283px"/>
        </div>
    </div>
</div>
<div class="row"> 
    <div class="span2"><strong>Contract Types</strong></div>
    <div class="span3 input-append"><input class="span3" id="employmentTypesPositionsAutocomplete" type="text"/><span class="add-on"><a href="#" data-bind="click: function(){ $root.position.showAllEmploymentTypes(); }"><i class="icon-chevron-down"></i></a></span></div>
    <div class="span7">
        <div class="btn-toolbar" data-bind="foreach: $root.position.employmentTypeTags" style="margin-top: 0px">
            <div class="btn-group">
                <a class="btn btn-small" href="#"><span data-bind="text: Description"></span></a>
                <a class="btn btn-small" href="#" data-bind="click: function(){ $root.position.removeEmploymentTypeTag($data); }"><i class="icon-remove"></i></a>
            </div>
        </div>
    </div>
</div>
<hr/>
<div class="breadcrumb" style="margin-top: 20px">
    <div class="row-fluid">
        <button class="btn btn-info pull-right" data-bind="click: function(){ $root.position.search() }"><strong>Search</strong></button>
    </div>
</div>